@CHARSET "UTF-8";

/* Tags */
body {font-family: Arial,Helvetica,sans-serif; background-color: #fff; color: #333;}

/* Classes */
.clear, .clear_both {clear: both;}
.hide {display: none;}
input[type="submit"] {background:#F3F3F3; border:1px solid #555; padding: 1px 10px; color: #555; font-weight:bold;}

/* Layout */
#header {position: relative; padding: 10px 40px; height: auto !important; height: 33px; min-height: 33px; background: #0f121b url(../img/wb_header_bg.jpg) repeat-x scroll bottom;}
	#header h1 {margin-right: 200px}
	#header h1 a {line-height: 3em; color: white; text-decoration: none}
	#header h1 a img {vertical-align: middle;}
	#header h1 a span {color: #F7E225;}
#header .studio_royal{margin-right: 200px}
#login-nav {position: absolute; top: 10px; right: 0; padding: 5px 10px; width: 180px;}
	#login-nav p {color: #F7E225; text-align:right}
	#login-nav a {color: #F7E225;}
	

#codex-content {margin: 10px 30px;}
	h1.codex-h1 {margin-bottom: 0.5em}

#user-messages {position: absolute; right: 10px; top: 92px; padding-top: 30px;}
#user-messages .msgBoxContent {padding: 3px 5px; }
.errorBox, .infoBox, .debugBox, .alertBox {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; font-weight: bold; cursor: pointer;}
.errorBox {border-color: pink; background: red; color: #fff}
.errorBox {border-color: #FBC2C4; background: #FBE3E4; color: #8a1f11; }
.alertBox {border-color: #FFD324; background: #FFF6BF; color: #514721;}
.infoBox {border-color: #C6D880; background: #E6EFC2; color: #264409;}
.debugBox {border-color: #C6D880; background: #FFFFFF; color: #000000;}
/*.debugBox {border-color: #a3a3a3; background: #d3d3d3; color: #333333;}*/
#user-messages .show {display: none; position:absolute; right:20px; top: 10px; z-index:300;}

/* Login form */
#wb_login {width: 300px; margin: 60px auto; padding: 35px 40px 20px; border: 2px solid #555; background: #F3F3F3; color: #555;}
	#wb_login label {font-size: 110%; padding: 2px 5px;}
	#wb_login input.text {display: block; width: 96%; margin: 3px auto 15px; padding: 3px 5px; border: 1px solid #a3a3a3; background: #FAFAFA;}
	#wb_login input.text:focus {border: 1px solid #333;}
	#wb_login input[type="submit"] {display: block; width: 60%; margin: 3px auto 10px; padding: 2px 5px; color: #555; background: #FAFAFA url(../img/button_bg.gif) repeat-x scroll center top; border: 1px solid #999; font-size: 100%;}
	#wb_login h2{font-size: 140%; margin: 0 0 20px 0;}
	#wb_login .submit{text-align: center;}


/* Table */
.wb_table {margin: 20px; color: #555}
.wb_table .js_only {display: none;}
.wb_table table {border: 1px solid #a3a3a3;}
.wb_table th, .wb_table td {border: 1px solid #a3a3a3;}
.wb_table th {padding: 10px 5px; background: #0F121B url(../img/wb_header_bg.jpg) repeat-x scroll center bottom; color: #FFFFFF; white-space: nowrap}
.wb_table th a {color: #FFFFFF;}
.wb_table th a:hover {color: #F7E225; text-decoration: none}
.wb_table td {padding: 3px 5px; background-color: #eee;}
.wb_table .even td {background-color: #e8e8e8;}
.wb_table td.first_order {background-color: #fffbe0;}
.wb_table tr.sel td {background-color: #fffbe0;}
.wb_table tr.sel td.first_order {background-color: #fdf6c2;}

/* Plugins in table */
.wb_table td.id {text-align: center; white-space: nowrap}
.wb_table td.id img {margin-right: 5px;}
.wb_table td.number {text-align: right; white-space: nowrap;}
.wb_table td.date {text-align: center; white-space: nowrap;}
.wb_table td.center {text-align: center}
.wb_table td.right {text-align: right}


/* Table controllers */
.wb_controller {overflow: hidden; margin: 10px auto;}
.wb_controller a, .wb_controller strong, .wb_controller span, .wb_controller span.prevnext {display: block; padding: 3px 5px; float: left; border: 1px solid #a3a3a3;}
.wb_controller a {background-color: #eee; margin-right: 5px;}
.wb_controller a:hover {background-color: #ddd; text-decoration: none;}
.wb_controller strong {background-color: #ccc; margin-right: 5px;}
.wb_controller span.prevnext {background-color: #f8f8f8; margin-right: 5px;}
.wb_controller span {border: 1px solid transparent;}
.wb_controller .pagination {float: left;}
.wb_controller .controller {float: right;}


/*  Forms */
select {background: #f3f3f3; border: 1px solid #a3a3a3; padding: 2px 1px 2px 4px;}
*+html select {border: auto}
textarea {width: 78%;}
textarea, input.text, input.date, input.time {border: 1px solid #c3c3c3; background: #f3f3f3; color: #333;}
.html textarea {width: 78%; float: none;}

#wb_form {margin: 20px; color: #555}
	#wb_form fieldset {display: block; clear: both; padding: 20px; border: 1px solid #a3a3a3; background: #EEEEEE url(../img/flexigrid_bg.gif) repeat-x scroll center top;}
	*+html #wb_form fieldset, * html #wb_form fieldset {margin-top: 25px; padding: 40px 20px 20px 20px;}
	#wb_form legend {padding: 5px 10px; border: 1px solid #a3a3a3; font-size: 100%; font-weight: bold; background: #fafafa; color: #555;}
	*+html #wb_form legend, * html #wb_form legend {position: absolute; display: block; top: -13px; left: 20px; padding: 5px 10px;}
	#wb_form label {float: left; font-weight: bold; width: 20%; margin-top: 3px;}
	#wb_form label:hover {text-decoration: underline;}
	#wb_form .text {overflow: hidden; padding: 10px 0; line-height:1.2em;}
	#wb_form .text input {width: 78%; background:#F3F3F3 none repeat scroll 0 0; border:1px solid #C3C3C3; color:#333333; padding:5px;}
	#wb_form .text span.description {display: block; margin: 8px 0 0 20%;}
	
	#wb_form .file span.file_del {padding-left: 20px;}
	#wb_form .file input {width: auto;}
	#wb_form .description img {border: 2px solid #A3A3A3;}
	
	#wb_form .number input {width: 20%;}
	
	#wb_form .phone input {width: 20%;}
	
	#wb_form .email input {width: 40%;}
	
	#wb_form .googleaddress input {width: 60%;}
	#wb_form .googleaddress span.result {display: block; margin: 8px 0 0 20%;}
	#wb_form .googleaddress span.resultimg {padding:8px 8px 8px 20px; background: transparent url(../img/key.png) no-repeat scroll center right; cursor: pointer;}
	#wb_form .googleaddress span.tick {background-image: url(../img/tick.png);}
	#wb_form .googleaddress span.truncate {background-image: url(../img/truncate.png);}
	
	#wb_form .date input {width: 80px;}
	#wb_form .date input.datepicker {margin-right: 3px;}
	#wb_form .date input.timepicker {width: 50px;}
	#wb_form .date span.now {padding:8px 8px 8px 12px; background: transparent url(../img/clock.png) no-repeat scroll center right; cursor: pointer;}
	#wb_form .date span.never {padding:8px 8px 8px 12px; background: transparent url(../img/delete.png) no-repeat scroll center right; cursor: pointer;}
	
	#wb_form .password input {width: 60%;}
	
	#wb_form input.tiny {width: 10%;}
	#wb_form input.small {width: 20%;}
	#wb_form input.medium {width: 40%;}
	#wb_form input.large {width: 60%;}
	
	#wb_form .radiobuttons {overflow: hidden; padding: 10px 0;}
	#wb_form .radiobuttons span.radioset{float:left; font-weight:bold; margin-top:3px; width:20%;}
	#wb_form .radiobuttons label{font-weight: bold; margin-top: 3px; width: auto;}
	#wb_form .radiobuttons input{float:left; width: auto; margin: 5px 15px 0 5px;}
	
	#wb_form .submit input {cursor: pointer;}
	#wb_form .submit a {padding-left: 10px;}
	

/* Plugins */
#wb_form .codex-relational {width: 78%;}
	.codex-relational {float: left;}
	#wb_form .codex-relational-form {padding: 20px; margin: 20px 0 20px; border: 2px solid #d3d3d3;}
	#wb_form .form-extra {position: relative;}
	#wb_form .relational-form-close {position: absolute; left: -10px; top: -15px;}
	#wb_form .codex-relational-form .form-element {background: none;}
	.manytomany-hidden{display: none}
	.codex-relational p {float: left; margin: 0 5px 5px}
	.codex-relational p select {width: auto !important; width: 200px; min-width: 200px; height: auto !important; height: 60px; min-height: 60px}
	.codex-relational p img {margin: 2px; float: none; display:block;}
	.add_new_btn {padding-left: 10px;}
		.add_new_btn .codex-relational-anchor {font-weight: bold;}
		.add_new_btn .codex-relational-anchor img {vertical-align: text-bottom;}

#wb_form .serialized {width: 78%; float: left; margin:10px 0; padding: 10px 0;}
	#wb_form .serialized table {width: auto; margin:10px 0; border: 1px solid #d3d3d3;}
	#wb_form .serialized tr th, #wb_form .serialized tr td {padding: 2px; line-height: 1.3em}
	#wb_form .serialized tr th {background: #d3d3d3;}
	#wb_form .serialized tr.odd td {background: #e3e3e3;}
	#wb_form .serialized td {text-align: center;}
	#wb_form .serialized input {padding: 1px 3px;}
	#wb_form .serialized p {clear: both;}
	#wb_form .serialized a:hover {text-decoration: none}
	#wb_form .serialized a.add_item, #wb_form .serialized a.remove_item {margin: 0 5px; padding: 5px 20px; cursor: pointer}
	#wb_form .serialized a.add_item {background: transparent url(../images/add.png) no-repeat scroll left center;}
	#wb_form .serialized a.remove_item {background: transparent url(../images/delete.png) no-repeat scroll left center;}

#wb_form .form-element input.num {width:39%;}

p.galery {float: left; text-align: center; margin: 10px 3px 0;line-height: 0pt;}
	p.galery label {float: none; display: block; width: 20%; line-height: 0pt;}
	p.galery input {float: none; width: 20px;}
	
.description {margin-top: 2px;}
/* @end */
